<!DOCTYPE html>
<html lang="en"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
      layout:decorator="layouts/cover">
<header>
    <title>Login</title>
</header>

<body>
<div class="container-fluid" layout:fragment="content">
    <div class="row-fluid">

        <div class="row-fluid">
            <div class="login-box">
                <div class="icons" th:utext="${message}"></div>
                <h2>Login to your account</h2>
                <form class="form-horizontal" th:action="@{/login}" method="post">
                    <fieldset>

                        <div class="input-prepend" title="Username">
                            <span class="add-on"><i class="icon-user"></i></span>
                            <input class="input-large span10" name="username" id="username" type="text"
                                   placeholder="type username"/>
                        </div>
                        <div class="clearfix"></div>

                        <div class="input-prepend" title="Password">
                            <span class="add-on"><i class="icon-lock"></i></span>
                            <input class="input-large span10" name="password" id="password" type="password"
                                   placeholder="type password"/>
                        </div>
                        <div class="clearfix"></div>

                        <label class="remember" for="remember"><input type="checkbox" name="remember" id="remember"/>Remember
                            me</label>

                        <div class="btn-group button-login">
                            <button type="submit" class="btn btn-primary"><i class="icon-off icon-white"></i></button>
                            <button type="submit" class="btn btn-primary">Login</button>
                        </div>
                        <div class="clearfix"></div>
                    </fieldset>
                </form>
                <hr/>
                <h3>No account yet?</h3>
                <p>
                    No problem, <a th:href="@{/register}">click here</a> to get an account.
                </p>
            </div><!--/span-->
        </div><!--/row-->

    </div><!--/fluid-row-->

</div><!--/.fluid-container-->


</body>
</html>
